﻿﻿var chart1;

calcChartsData(1);

function calcChartsData(locID){
		calcData(locID,24);
}

function drawChart(){
	$(document).ready(function() {
		chart1 = new Highcharts.Chart(
		{
			chart:	{ renderTo: 'chart' },
			title:	{ text: 'Prognoza pogody' },
			xAxis:	{ 
				categories: xAxis, 
				labels: {
					rotation: -45,
					align: 'right',
					style: {
						font: 'normal 11px Verdana, sans-serif'
					}
				}
			},
			yAxis: [
				{
					labels: { formatter: function() { return this.value + '°C'; }, style: { color: '#F02B2B' } },
					title: { text: 'Temperatura', style: { color: '#F02B2B' } },
					opposite: true
				},
				{
					labels: { formatter: function() { return this.value + 'mm'; }, style: { color: '#51C447' } },
					title: { text: 'Opady', style: { color: '#51C447' } },
					opposite: true
				},
				{
					labels: { formatter: function() { return this.value + 'm\s'; }, style: { color: '#289FB2' } },
					title: { text: 'Prędkość wiatru', style: { color: '#289FB2' } },
				},
				{
					labels: { formatter: function() { return this.value + 'km'; }, style: { color: '#FD6303' } },
					title: { text: 'Widzialność', style: { color: '#FD6303' } },
				},
				{
					labels: { formatter: function() { return this.value + '%'; }, style: { color: '#F2FF00' } },
					title: { text: 'Wilgotność', style: { color: '#F2FF00' } },
					opposite: true
				},
				{
					labels: { style: { color: '#494545' } },
					title: { text: 'Zachmurzenie', style: { color: '#494545' } },
				}
			],
			tooltip: {
				formatter: function() {
					var unit = {
						'Temperatura uśredniona': '°C',
						'Temperatura odczuwalna': '°C',
						'Deszcz': 'mm',
						'Śnieg': 'mm',
						'Wilgotność': '%',
						'Prędkość wiatru': 'm\s',
						'Widzialność': 'km',
						'Zachmurzenie': '%'
					}[this.series.name];
				
					return this.y+' '+unit;
				}
			},
			symbols: ['circle','circle'],
			series: [
				{
					name: 'Temperatura uśredniona',
					type: 'areaspline',
					color: '#F02B2B',
					yAxis: 0,
					data: soilTemp,
					marker: {
					   enabled: false,
					   states: {
							hover: {
								enabled: true,
								radius: 4,
								lineWidth: 1
							}
					   }   
					}
				},
				{	
					name: 'Temperatura odczuwalna',
					type: 'areaspline',
					color: '#2A23B2',
					yAxis: 0,
					data: skinTemp
				},				
				{
					name: 'Deszcz',
					type: 'column',
					color: '#51C447',
					yAxis: 1,
					data: rain
				},
				{
					name: 'Śnieg',
					type: 'column',
					color: '#4785C4',
					yAxis: 1,
					data: snow
				},
				{
					name: 'Wilgotność',
					type: 'spline',
					color: '#FEE316',
					yAxis: 4,
					data: hum,
					marker: {
					   enabled: false,
					   states: {
							hover: {
								enabled: true,
								radius: 4,
								lineWidth: 1
							}
					   }   
					}
				},
				{
					name: 'Prędkość wiatru',
					type: 'spline',
					color: '#289FB2',
					yAxis: 2,
					data: wind
				},
				{
					name: 'Widzialność',
					type: 'spline',
					color: '#FD6303',
					yAxis: 3,
					data: visibility,
					marker: {
					   enabled: false,
					   states: {
							hover: {
								enabled: true,
								radius: 4,
								lineWidth: 1
							}
					   }   
					}
				},
				{
					name: 'Zachmurzenie',
					type: 'scatter',
					color: '#494545',
					yAxis: 5,
					data: cloud
				}
			]
		});
	});
}